<template>
  <div>
    <!-- -->
    <div class="dv-decoration-5" style="width: 470px; height: 100px;">
      <svg width="470" height="100" style="transform: scale(5.38, 1.38);">
        <polyline
          fill="transparent"
          stroke-width="3"
          points="0,20 84.6,20 94,40 117.5,40 126.9,60 338.4,60 352.5,40 376,40 385.4,20 470,20"
          stroke="#00CED1"
        >
          <animate
            attributeName="stroke-dasharray"
            attributeType="XML"
            from="0, 259.2336004231988, 0, 259.2336004231988"
            to="0, 0, 518.4672008463976, 0"
            dur="3s"
            begin="0s"
            calcMode="spline"
            keyTimes="0;1"
            keySplines="0.4,1,0.49,0.98"
            repeatCount="indefinite"
          />
        </polyline>
        <polyline fill="transparent" stroke-width="2" points="141,80 329,80" stroke="#FAD400">
          <animate
            attributeName="stroke-dasharray"
            attributeType="XML"
            from="0, 94, 0, 94"
            to="0, 0, 188, 0"
            dur="3s"
            begin="0s"
            calcMode="spline"
            keyTimes="0;1"
            keySplines=".4,1,.49,.98"
            repeatCount="indefinite"
          />
        </polyline>
      </svg>
    </div>
  </div>
</template>

<script>
export default {
  name: "MapviewIndex",

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>